.page {
	-fx-background-color: #272720;
	-fx-font-family: 'Inconsolata';
	-fx-text-fill: #F9F8F1;
	-fx-font-size: 22;
	-fx-border-color: white;
}

.normal-text {
	-fx-text-fill: #F9F8F1;
}

.input-field {
	-fx-font-size: 26;
	-fx-padding: 5 20 5 20;
	-fx-background-color: rgba(40, 40, 40, 1);
	-fx-text-fill: #E6DB59;
}

.input-field:focused {
	
}

.minimize-button {
	-fx-background-color: rgba(0, 0, 0, 0);
	-fx-text-fill: rgb(86,255,0);
}

.minimize-button:hover {
	-fx-background-color: rgba(50, 50, 50, 1);
}

.close-button {
	-fx-text-fill: rgb(255,10,0);
    -fx-background-color: rgba(40, 40, 40, 1);
}

.close-button:hover {
	-fx-background-color: rgb(255, 10, 0);
	-fx-text-fill: rgba(30, 30, 30, 1);
}

#suggestionBox {
	-fx-background-color: white;
	-fx-effect: dropshadow(three-pass-box, rgba(40,40,40,0.5), 11, 0.3, 5, 5);
	-fx-padding: 3 20 3 20;
}

#suggestionList {
	-fx-text-origin: baseline;
}

.suggestion-highlighted {
	-fx-background-color: blue;
}

.suggestion {
	-fx-background-color: rgba(0, 0, 0, 0);
}

#scrollPane {
	-fx-background-color: rgba(0, 0, 0, 0);
}

#scrollPane .scroll-bar .track {
	-fx-background-color: #232323;
	-fx-background-color: linear-gradient(to right, #212121 0%, #252525 6%, #272727 11%, #2a2b2a 36%, #2f2f2f 59%, #3d3d3d 100%);
	-fx-background-radius: 0;
}

#scrollPane .scroll-bar .thumb {
	-fx-border-color: black;
	-fx-border-width: 1;
	-fx-border-radius: 20;
	-fx-background-color: #454545;
	-fx-background-color: linear-gradient(to right, #4e4e4e 0%, #484848 18%, #505050 24%, #515151 29%, #404040 100%);
	-fx-background-radius: 20;
}

#scrollPane .scroll-bar .increment-button {
	-fx-background-color: linear-gradient(to right, #212121 0%, #252525 6%, #272727 11%, #2a2b2a 36%, #2f2f2f 59%, #3d3d3d 100%);
	-fx-padding: 0px;
}

#scrollPane .scroll-bar .increment-button .increment-arrow{
	-fx-background-color: rgba(86, 255, 0, 0);
}

#scrollPane .scroll-bar .decrement-button {
	-fx-background-color: linear-gradient(to right, #212121 0%, #252525 6%, #272727 11%, #2a2b2a 36%, #2f2f2f 59%, #3d3d3d 100%);
	-fx-padding: 0px;
}

#scrollPane .scroll-bar .decrement-button .decrement-arrow{
	-fx-background-color: rgba(86, 255, 0, 0);
}

#scrollPane .scroll-bar:hover .track,
#scrollPane .scroll-bar:pressed .track{
	-fx-opacity: 0.9;	
}

#scrollPane .scroll-bar .thumb:hover;
#scrollPane .scroll-bar .thumb:pressed {
	-fx-opacity: 0.8;	
}

#scrollPane .scroll-bar .decrement-button:hover;
#scrollPane .scroll-bar .increment-button:pressed {
	-fx-background-color: rgba(60, 60, 60, 1);
}

#outputField {
	-fx-background-color: rgba(0, 0, 0, 0);
}

.separator {
	/*
	-fx-border-width: 0 0 1 0;
	-fx-border-color: rgba(86, 255, 0, 1);
	-fx-border-style: dotted;
	*/
}

.task {
	-fx-font-size: 20;
}

.task-id {
	
}

.task-title {
}

.check-box {
}

.task-title:focused {
}

.task-deadline {
}

.task-period {
	
}
